<script lang="ts">
import GoodList from "@/components/GoodList.vue";

export default {
name: "App",
    components: {GoodList}
}
</script>

<template>
  <div>
      <GoodList>
<!--          <template>-->
<!--              <p>我是匿名插槽</p>-->
<!--          </template>-->
<!--          <template>-->
<!--              <p>我是匿名插槽</p>-->
<!--          </template>-->
<!--          <template #one>-->
<!--              <p>我是具名插槽</p>-->
<!--          </template>-->
          <template v-slot:two="data">
              <p>我是作用域插槽</p>`
              <p>name:{{data.name}}</p>
              <p>age:{{data.age}}</p>
          </template>
      </GoodList>
  </div>
</template>

<style scoped>

</style>
